<template>
  <div class="container">
    <div class="title item">
        <span class="date">提现日期</span>
        <span class="status">状态</span>
        <span class="money">提现金额</span>
    </div>
    <van-list
        v-model="loading"
        :finished="finished"
        finished-text="没有更多了"
        @load="onLoad"
    >
        <div class="item" v-for="(item,index) in 30" :key="index">
            <span class="date">2020-12-1</span>
            <span class="status">成功</span>
            <span class="money">2.00</span>
        </div>
    </van-list>
  </div>
</template>

<script>
export default {
    data(){
        return{
            loading:false,
            finished:false
        }
    },
    methods:{
        onLoad(){

        }
    }
}
</script>

<style scoped>
.contianer{
    width:100%;
    min-height:100vh;
}
.item{
    padding:20px 15px;
    color:#333;
    font-size:14px;
    border-bottom:1px solid #f5f5f5;
    display: flex;
}
.item:last-child{
    border-color:transparent;
}
.title{
    font-size:16px;
    font-weight: bold;
}
.item span{
    flex:1;
}
</style>